<template>
    <el-popover
      @show="showContentXm(row)"
      placement="top-start"
      title="项目信息"
      width="400"
      trigger="click">
      <div v-if="row.xmDeatil">
        <el-row>
          <el-col :span="24">{{ row.xmDeatil.company_name }}</el-col>
          <el-col :span="24">营业执照： <el-image
            style="width: 100px; height: 100px"
            :src="row.xmDeatil.business_licence_number_electronic"
            fit="contain"></el-image></el-col>
          <el-col :span="24">开票信息</el-col>
          <el-col :span="24">税号：{{ row.xmDeatil.taxNumber }}</el-col>
          <el-col :span="24">电话：{{ row.xmDeatil.legal_mobile }}</el-col>
          <el-col :span="24">开户行：{{ row.xmDeatil.bank_name }}</el-col>
          <el-col :span="24">银行卡号：{{ row.xmDeatil.bank_acct_no }}</el-col>
        </el-row>
      </div>
      <div slot="reference"> {{ row.pro_name }}</div>
    </el-popover>
  </template>

<script>
import { get_company_info_by_eid } from "@/api/finance/index";
export default {
    name: 'FinancePro',
    //jiel
    props: {
      row: {
        type: Object,
        default: () => {}
      }
    },
    methods: {
        //请求项目详情信息
      showContentXm(row){
        if(!row.xmDeatil){
          get_company_info_by_eid({'eid':row.eid}).then(res=>{
            this.$nextTick(()=>{
              this.$set(row,'xmDeatil',res.data)
            })  
          })
        }
      },
    }
}
</script>